.section .article-section{
	padding-top:10px;
	min-height:100%;
}

.article-section .content{
	column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-gap:10px;
	-moz-column-gap:10px;
	-webkit-column-gap:10px;
}

.article-section .content .article-item{
	break-inside:avoid;
	-moz-page-break-inside:avoid;
	-webkit-column-break-inside:avoid;
}

.article{
	width:92%;
	margin-bottom:10px;
	background-color:white;
	padding:10px;
	color:#777;
}

.article .article-title{
	font-size:20px;
	width:100%;
	border-bottom:1px solid #00A3E5;
	padding-bottom:10px;
	margin-bottom:5px;
}

.article-item:hover .article-title{
	color:#00A3E5;
}

.article .article-content{
	font-size:15px;
	margin-bottom:20px;
}

.page-section{
	width:100%;
}

.page-section .page{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}

.page-section .page-item{
	width:40px;
	height:40px;
	border-radius:20px;
	background-color:white;
	text-align:center;
	line-height:40px;
	vertical-align:middle;
	display:inline-block;
	margin:5px;
}

.page-item:hover{
	color:#00A3E5;
}